.page.index{
  background-size: 1px 568rem/16;
  background-image: url(../../images/bg_color.png);
  background-repeat: repeat-x;
  background-color: #bcedfb;
  .hd {
    color:#fff;
    padding: 2em 0;
  }

  .index_icon{
    text-align: center;
    margin-bottom: 60rem/16;
    img{
      width: 250rem/16;
    }
  }

  .page_desc {
    text-align: center;
    font-size: 14rem/16;
  }
  .bd .page_desc{
    color:#667b80;
  }
  .page_title {
    text-align: center;
    font-size: 26rem/16;
    margin: 10rem/16 15%;
  }

  .weui_btn.start_btn{
    width:80%;
    height:50rem/16;
    line-height: 50rem/16;
    border-radius:25rem/16;
    margin: 10rem/16 auto;
    font-size:18rem/16;
  }
  .weui_btn.start_btn:after{
    border-radius:50rem/16;
  }

  .info{
    color: #fff;
    position: absolute;
    top: 0;
    padding: 100rem/16 20rem/16 0 20rem/16;
    .title{
      margin-bottom: 10rem/16;
    }
    .des{
      font-size: 14rem/16;
      line-height: 30rem/16;
      .input{
        background-color: #fff;
        color: #000;
        padding: 5rem/16 30rem/16;
        margin-left: 10rem/16;
      }
      button{
        padding: 5rem/16 10rem/16;
        margin-left: 10rem/16;
      }
      .weui_btn.weui_btn_primary{
        margin-left: 10rem/16;
        font-size: 14rem/16;
        width:150rem/16;
        height:25rem/16;
        line-height: 25rem/16;
      }
    }
  }
  i.cancel{
    z-index: 1;
    display: inline-block;
    width: 20rem/16;
    height:20rem/16;
    position: absolute;
    top:10rem/16;
    left:10rem/16;
    background-size: 20rem/16 20rem/16;
    background-image: url(../../images/iconfont-cancel.svg);
  }
  .cover{
    top: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: .7;
  }
}